<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>5</title>
	<style type="text/css">
		*{
			margin: 0;padding: 0;
		}
		.row{
			display: flex;
			justify-content: space-between;
			width: 960px;
		}
		.form{
			width: 720px;
		}
		.content p{
			background: #D15FEE;
			font-size: 20px;
			padding: 20px;
		}
		.content,.display{
			border: solid 1px #A4D3EE;
		}
	</style>
</head>
<body>
	<div class="row">
		<div class="form">
			<h3>会员注册</h3>
			<div class="content">
				<p>欢迎来到牛牛牛牛牛</p>
				<form action="">
					<table>
						<tr>
							<td>用户名:</td>
							<td><input type="text" placeholder="请输入用户名"/></td>
							<td>注意</td>
						</tr>
						<tr>
							<td>验证码:</td>
							<td><input type="text"  /></td>
							<td><button type="button">获取验证码</button></td>
						</tr>
						<tr>
							<td colspan="3"><input type="checkbox" checked="checked" />阅读协议</td>
						</tr>
					</table>
					<input type="submit" value="提交注册" />
				</form>
			</div>
		</div>
		<div class="show">
			<h4>爆款特价</h4>
			<div class="display">
				<figure>
					<img src="" alt="">
					<figcaption>国际旅游</figcaption>
				</figure>
				<figure>
					<img src="" alt="">
					<figcaption>国际旅游</figcaption>
				</figure>
			</div>
		</div>
	</div>
</body>
</html>